<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - 页面未找到</title>
    <style>
        /* 基础样式 */
        body {
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding: 0;
            background: #f5f5f5;
        }


        /* 404内容区域 */
        .error-container {
            text-align: center;
            padding: 50px 20px;
        }

        .error-container h1 {
            font-size: 100px;
            color: #ff5722;
            margin: 0;
        }

        .error-container h2 {
            font-size: 24px;
            color: #333;
            margin: 10px 0;
        }

        .error-container p {
            font-size: 16px;
            color: #666;
            margin: 20px 0;
        }

        .error-container .home-button {
            padding: 12px 24px;
            background: #ff5722;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .error-container .home-button:hover {
            background: #e64a19;
        }
    </style>
</head>
<body>

    <!-- 404内容区域 -->
    <div class="error-container">
        <h1>404 Not Found</h1>
        <h2>哎呀，页面走丢了！</h2>
        <p>您访问的页面可能已被移除或暂时不可用，请检查网址或返回首页。</p>
        <button class="home-button" onclick="window.location.href='/'">返回首页</button>
    </div>

</body>
</html>